<!--
  @desc: 转他人和征询他人
  @author: lanbao
-->
<template>
    <div class="searchPeople">
      <Header :switchHeader='switchHeader'></Header>
      <div class="search_list">
        <div class="list_item" v-for="(item, index) in list" :key="index">
          <div class="item_tit">{{item.sort}}</div>
          <div class="item_contain" v-for="(i,j) in item.listPepple" :key="j">
             <img class="chechbox" src="../../../assets/imgs/icon_active.png" alt="">
             <img class="headerpic" src="../../../assets/imgs/icon_people.png" alt="">
             <div class="peopledesc">
               <p class="name">{{i.name}}</p>
               <p class="job">{{i.job}}</p>
             </div>
          </div>
        </div>
      </div>
      <BottomBtn :text='text'></BottomBtn>
    </div>
</template>

<script>
import Header from '../../../components/Header'
import BottomBtn from '../../../components/BottomBtn'
export default {
  data () {
    return {
      text: '确定',
      list: [
        {
          'sort': 'A',
          listPepple: [
            {
              'name': '平安小王',
              'job': '核算管理岗，运营管理部'
            },
            {
              'name': '平安小王',
              'job': '核算管理岗，运营管理部'
            },
            {
              'name': '平安小王',
              'job': '核算管理岗，运营管理部'
            },
            {
              'name': '平安小王',
              'job': '核算管理岗，运营管理部'
            }
          ]
        },
        {
          'sort': 'B',
          listPepple: [{
            'name': '平安小王',
            'job': '核算管理岗，运营管理部'
          }]
        }
      ]
    }
  },
  components: {
    Header,
    BottomBtn
  }
}</script>

<style lang="stylus" scoped>
  .searchPeople
      padding-bottom 100px
      background #F4F4F4
    .search_list
      width 100%
      background #fff
      padding-bottom 100px
    .list_item
      width 335px
      margin 0 auto
      .item_tit
        border-bottom 1px solid #ccc
        height 30px
        line-height 30px
        font-size 16px
        color #5A4347
        text-align left
      .item_contain
        border-bottom 1px solid #ccc
        display flex
        justify-content flex-start
        align-items center
        padding 20px 0
        .chechbox
          width 20px
          height 20px
        .headerpic
          width 44px
          height 44px
          margin 0 16px
        .peopledesc
          .name
            font-size 16px
            color #5A4347
            line-height 20px
          .job
            font-size 13px
            color #999
            line-height 20px
</style>
